<template>
    <v-container class="pa-0 pa-sm-4">
        <div class="my-8 my-sm-16 text-blue-darken-1 text-h4 tw-text-center">
            <strong>公司简介</strong>
        </div>

        <v-row class="pb-sm-8 ma-0">
            <v-col cols="12" sm="5" class="pa-0 tw-relative">
                <v-img src="../assast/img/2.jpg"></v-img>
                <div
                    class="py-4 tw-bottom-0 tw-absolute tw-w-full text-h5 tw-text-center tw-bg-[rgba(30,136,229,0.8)] tw-text-white">
                    <strong>公司简介</strong>
                </div>
            </v-col>
        </v-row>
    </v-container>

    <v-sheet class="py-8 bg-grey-lighten-5 py-sm-16">
        <v-container>
            <div class="mb-8 text-blue-darken-1 tw-text-center text-h5 text-sm-h4 mb-sm-6">
                <strong>企业文化</strong>
            </div>
            <v-sheet border rounded>
                <v-row>
                    <v-col>
                        <div class="tw-my-[32px] tw-border-0 tw-border-solid tw-border-r-[1px] tw-border-e-blue-300">
                            <div
                                class="mb-4 text-center tw-font-medium tw-text-[32px] tw-flex tw-items-center tw-justify-center">
                                诚信经营
                            </div>
                            <v-card-text>
                                我们坚信诚信是企业发展的基石。无论是对客户、供应商还是员工，我们始终坚持诚信为本，恪守商业道德，建立长期稳定的合作关系。
                            </v-card-text>
                        </div>
                    </v-col>
                    <v-col>
                        <div class="tw-my-[32px] tw-border-0 tw-border-solid tw-border-r-[1px] tw-border-e-blue-300">
                            <div
                                class="mb-4 text-center tw-font-medium tw-text-[36px] tw-flex tw-items-center tw-justify-center">
                                品质至上
                            </div>
                            <v-card-text>质量是我们的生命线。我们严格把控每一道生产工序，确保每一件产品都达到高品质标准，为客户提供放心的优质产品。</v-card-text>
                        </div>
                    </v-col>
                    <v-col>
                        <div class="tw-my-[32px]">
                            <div
                                class="mb-4 text-center tw-font-medium tw-text-[36px] tw-flex tw-items-center tw-justify-center">
                            </div>
                            <v-card-text>客户是我们存在的理由。我们以客户需求为导向，提供专业、快捷的服务，确保客户满意度和忠诚度。</v-card-text>
                        </div>
                    </v-col>
                </v-row>
            </v-sheet>
        </v-container>
    </v-sheet>
    <v-sheet class="py-8 py-sm-16">
        <v-container>
            <div class="mb-8 text-blue-darken-1 tw-text-center text-h5 text-sm-h4 mb-sm-6">
                <strong>公司发展</strong>
            </div>
        </v-container>
    </v-sheet>
    <v-sheet class="bg-grey-lighten-6 pt-8 pt-sm-16 tw-pb-[128px]">
        <v-container>
            <div class="mb-8 text-blue-darken-1 tw-text-center text-h5 text-sm-h4 mb-sm-6">
                <strong>公司能力</strong>
            </div>
            <v-row>
                <v-col cols="12" sm="4">
                    <v-card variant="outlined" color="blue-darken-1">
                        <v-img src="../assast/img/2.jpg"></v-img>
                        <v-card-title class="text-grey-darken-4">先进的生产设备</v-card-title>
                        <v-card-text class="text-grey-darken-4">我们的工厂配备了行业领先的生产设备，包括自动化缝纫机、数控切割机、高效熨烫设备等。
                        </v-card-text>
                    </v-card>
                </v-col>
                <v-col cols="12" sm="4">
                    <v-card variant="outlined" color="blue-darken-1">
                        <v-img src="../assast/img/2.jpg"></v-img>
                        <v-card-title class="text-grey-darken-4">强大的生产能力</v-card-title>
                        <v-card-text class="text-grey-darken-4 ">
                            我们拥有6000平方米的现代化厂房，具备大规模生产能力。
                        </v-card-text>
                    </v-card>
                </v-col>
                <v-col cols="12" sm="4">
                    <v-card variant="outlined" color="blue-darken-1">
                        <v-img src="../assast/img/1.jpg"></v-img>
                        <v-card-title class="text-grey-darken-4">专业的生产团队</v-card-title>
                        <v-card-text class="text-grey-darken-4">
                            我们的生产团队由经验丰富的人员组成，能够确保每件产品都符合高标准的质量要求。
                        </v-card-text>
                    </v-card>
                </v-col>
            </v-row>
        </v-container>
    </v-sheet>
</template>


<style lang="scss" scoped>
b {
    display: inline;
    font-size: 20px;
    color: #1e88e5;
    font-style: italic;
}

p {
    cursor: default;
    font-weight: bold;
}
</style>